<template>
  <div> 
    <div class="bottem">
        <img class="bottem-img1" src="../assets/14@2x.png">
        <span class="bottem-span1">首页</span>
        <img class="bottem-img2" src="../assets/15@2x.png">
        <span class="bottem-span2">分类</span>
         <img class="bottem-img3" src="../assets/16@2x.png">
        <span class="bottem-span3">购物车</span>
        <img class="bottem-img4" src="../assets/17@2x.png">
        <span class="bottem-span4">个人中心</span> 
      </div>
  </div>
</template>

<script>
export default {

}
</script>

<style>
.bottem {
      position: relative;
      width: 375px;
      height: 49px;
      margin-bottom: 1px;
    }
    .bottem .bottem-img1 {
       position: absolute;
       top: 9px;
       left: 50px;
       width: 22px;
       height: 22px;
    }
    .bottem .bottem-span1 {
      position: absolute;
      font-size:14px ;
      font-family:    Microsoft YaHei UI ;
      top:33px ;
      color: #2a4458ff;
      left: 48px;      
    }
    .bottem .bottem-img2 {
       position: absolute;
       top: 9px;
       left: 132px;
       width: 22px;
       height: 22px;
    }
    .bottem .bottem-span2 {
      position: absolute;
      font-size:14px ;
      font-family:    Microsoft YaHei UI ;
      top:33px ;
      color: #2a4458ff;
      left: 129px;      
    }
    .bottem .bottem-img3 {
       position: absolute;
       top: 9px;
       left: 214px;
       width: 22px;
       height: 22px;
    }
    .bottem .bottem-span3 {
      position: absolute;
      font-size:14px ;
      font-family:    Microsoft YaHei UI ;
      top:33px ;
      color: #2a4458ff;
      left: 212px;      
    }
    .bottem .bottem-img4 {
       position: absolute;
       top: 9px;
       left: 294px;
       width: 22px;
       height: 22px;
    }
    .bottem .bottem-span4 {
      position: absolute;
      font-size:14px ;
      font-family:    Microsoft YaHei UI ;
      top:33px ;
      color: #2a4458ff;
      left: 283px;      
    }
</style>